<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="../css/songlist.css">
    <link rel="stylesheet" href="../css/common.css">
    <link rel="stylesheet" href="../css/main.css">
    <link rel="stylesheet" href="../css/base.css">
    <link rel="stylesheet" href="../font/iconfont.css">
    <script src="../js/index.js"></script>
</head>

<body>
    <!-- 头部 -->
    <div class="total">
        <div class="list">
            <div class="list-top">
                <a href="#" class="iconfont icon-zuohua"></a>
                <a href="#" class="t-text">首页</a>
            </div>
            <div class="list-middle">
                <div class="m-introduce">
                    <div class="mi-img">
                        <img src="../upload/text1.jpg" alt="">
                    </div>
                    <div class="mi-text">
                        <div class="text-top">
                            <i class="t-icon"></i>
                            <h2>当我在地铁上误连别人的蓝牙耳机后</h2>
                        </div>
                        <div class="text-middle">
                            <a class="btn-play">
                                播放
                            </a>
                        </div>
                        <p class="brief">介绍： 奇妙小熊猫（歌单同名小说首发：晋江文学城，全文免费）</p>
                    </div>
                </div>
            </div>
            <div class="list-bottom">
                <div class="lb-song">
                    <ul>
                        <li class="lb-click">
                            <img src="../upload/text2.jpg" alt="">
                            <span>Second Time</span>
                            <i class="play-song icon-weibiaoti519 iconfont done"></i>
                        </li>
                        <li> <img src="../upload/text2.jpg" alt="">
                            <span>Second Time</span>
                            <i class="play-song icon-weibiaoti519 iconfont done"></i>
                        </li>
                        <li> <img src="../upload/text2.jpg" alt="">
                            <span>Second Time</span>
                            <i class="play-song icon-weibiaoti519 iconfont done"></i>
                        </li>

                        <li> <img src="../upload/text2.jpg" alt="">
                            <span>Second Time</span>
                            <i class="play-song icon-weibiaoti519 iconfont done"></i>
                        </li>
                        <li> <img src="../upload/text2.jpg" alt="">
                            <span>Second Time</span>
                            <i class="play-song icon-weibiaoti519 iconfont done"></i>
                        </li>
                        <li> <img src="../upload/text2.jpg" alt="">
                            <span>Second Time</span>
                            <i class="play-song icon-weibiaoti519 iconfont done"></i>
                        </li>
                        <li> <img src="../upload/text2.jpg" alt="">
                            <span>Second Time</span>
                            <i class="play-song icon-weibiaoti519 iconfont done"></i>
                        </li>
                        <li> <img src="../upload/text2.jpg" alt="">
                            <span>Second Time</span>
                            <i class="play-song icon-weibiaoti519 iconfont done"></i>
                        </li>

                    </ul>
                </div>
                <div class="lb-song-detail">
                    <h2 class="lsd-songname">Second Time</h2>
                    <div class="lsd-singer">Bruno Major</div>
                    <div class="lsd-lyc">
                    </div>
                </div>
            </div>
            <div class="putcomment">
                <textarea name="" id="" cols="30" rows="10"></textarea>
                <button>发表评论</button>
                <span>不能发表空评论</span>
                <div class="showsuccess">发布成功</div>
                <div class="showsuccess">发布失败</div>
            </div>
            <div class="comment">
                <div class="c-title">全部评论</div>
                <ul>

                </ul>
            </div>
            <div class="broke-page">
                <span>1</span>
                <span>2</span>
                <span>3</span>
            </div>
        </div>

    </div>
    <footer class="g-ft">
        <div class="g-ft-set">
            <div class="l-ft">
                <div class="links">
                    <a href="javascript:;">服务条款</a>
                    <span class="line">|</span>
                    <a href="javascript:;">隐私政策</a>
                    <span class="line">|</span>
                    <a href="javascript:;">儿童隐私政策</a>
                    <span class="line">|</span>
                    <a href="javascript:;">版权投诉指引</a>
                    <span class="line">|</span>
                    <a href="javascript:;">联系我们</a>
                    <span class="line">|</span>
                    <a href="javascript:;">广告合作</a>
                    <span class="line">|</span>
                    <a href="javascript:;">廉正举报</a>

                </div>
                <div class="sup-copyright">
                    <span>网易公司版权所有©1997-2021</span>
                    <a href="javascript:;">杭州乐读科技有限公司运营：浙网文[2021] 1186-054号</a>
                </div>
                <div class="sub-copyright">
                    <a href="javascript:;">粤B2-20090191-18 &nbsp工业和信息化部备案管理系统网站&nbsp&nbsp</a>
                    <a href="javascript:;" class="police">
                        <span class="police-logo">&nbsp;</span>
                        <span class="police-text">浙公网安备 33010902002564号</span>
                    </a>
                </div>
            </div>
            <ul class="r-ft">
                <li>
                    <a href="javasript:;" class="newlogo a-studio"></a>
                    <span class="text t-as"></span>
                </li>
                <li>
                    <a href="javasript:;" class="newlogo id"></a>
                    <span class="text t-id"></span>
                </li>
                <li>
                    <a href="javasript:;" class="newlogo musician"></a>
                    <span class="text t-musician"></span>
                </li>
                <li>
                    <a href="javasript:;" class="newlogo reward"></a>
                    <span class="text t-reward"></span>
                </li>
                <li>
                    <a href="javasript:;" class="newlogo video"></a>
                    <span class="text t-video"></span>
                </li>
            </ul>
        </div>

    </footer>
</body>

</html>